<template>
  <div class="tab4">
    <div class="blueBg">
      <p class="title1">拒绝游而不学、拒绝走马观花</p>
      <p class="title2">
        <span>用专业、负责的态度让学生体验真正的研学旅行活动！</span>
      </p>
    </div>
    <div>
      <p class="show">部分学员手册展示</p>
      <img src="@/assets/img/tab1/show.png" alt />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      bannerList: []
    };
  }
};
</script>
<style lang="less">
.tab4 {
  padding-bottom: 20px;
  .blueBg {
    padding: 50px 0;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #1865cf;
    .title1 {
      font-size: 30px;
    }
    .title2 {
      margin-top: 10px;
      span {
        padding: 4px 10px;
        border: 1px solid #fff;
      }
    }
  }
  .show {
    font-size: 30px;
    text-align: center;
    color: #666;
    padding: 50px 0;
  }
}
</style>
